<template>
  <div class="priceTools">
    <div class="tools">
      <div class="quantityTools"><span class="quantity">0.00</span>元</div>
      <div>我的余额</div>
    </div>
    <div class="tools">
      <div class="quantityTools"><span class="quantity">0</span>个</div>
      <div>我的优惠</div>
    </div>
    <div class="tools">
      <div class="quantityTools"><span class="quantity">0</span>分</div>
      <div>我的积分</div>
    </div>
  </div>
</template>

<script>
  export default {
    name: "PriceTools"
  }
</script>

<style scoped>
  .priceTools{
    display: flex;
  }
  .priceTools .tools .quantity{
    color: red;
    font-weight: bold;
    font-size: 24px;
  }
  .quantityTools{
    margin-bottom: 5px;
  }
  .priceTools .tools{
    flex: 1;
    background-color: white;
    border-right: 1px solid #F2F2F2;
    text-align: center;
    padding: 20px;
    font-size: 13px;
  }
  .priceTools .tools:last-of-type{
    border-right: none;
  }
</style>